/* 1.轮播图 */
.swiper-container {
    /* width: 3rem; */
    height: 1.5rem;
}

.swiper-container img {
    display: block;
    width: 100%;
    height: calc(100vw/3);
}


@media all and (max-width:750px) {

    /* 媒体查询：w<=750px */
    .swiper-container {
        width: 100%;
        /* img:w=300;h=150
        100vw/h=300/150
        h=100vw/2 */
        height: calc(100vw/3);
    }
}

/* 2.导航栏 */
nav {
    border-radius: .1rem;
    overflow: hidden;
    margin: .1rem .04rem .04rem .04rem;
}

.nav-common {
    display: flex;
    height: 2rem;
    border-radius: .1rem;
    background-color: pink;

}

/* 给中间的盒子设置上下边距以及背景颜色 */
.nav-common:nth-child(1) {
    background-color: #FA5A55;
}

.nav-common:nth-child(2) {
    margin: .1rem 0;
    background-color: #4B90ED;
}

.nav-common:nth-child(3) {
    margin: .1rem 0;
    background-color: #0ccf47;
}

.nav-common:nth-child(4) {
    background-color: #FA994D;
}

.nav-items {
    flex: 1;
    /* 每一列各占一份 */
    display: flex;
    flex-direction: column;
    /* 修改主轴为y轴 */
}

.nav-items a {
    flex: 1;
    text-align: center;
    line-height: .99rem;
    position: relative;
    color: #fff;
    font-size: .35rem;
    text-shadow: .01rem .01rem rgba(0, 0, 0, .2);
}


.nav-items:nth-child(-n+2) {
    /* 设置div的边框 */
    /* -n+2就是选择前面两个元素 */
    border-right: 1px solid #fff;
}

.nav-items a:nth-child(1) {
    border-bottom: 1px solid #fff;
}


/* 设置背景图 */
.nav-common .nav-items .hotel::after {
    display: block;
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    bottom: 0.15rem;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../img/sprite.png");
    background-size: 2.08rem 6.55rem;
    background-repeat: no-repeat;
    background-position: 0 -2.5rem;
}

.nav-common .nav-items .airplane::after {
    display: block;
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    bottom: 0.15rem;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../img/sprite.png");
    background-size: 2.08rem 6.55rem;
    background-repeat: no-repeat;
    background-position: 0 -5.8rem;
    width: 1rem;
}

.nav-common .nav-items .tourism::after {
    display: block;
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    bottom: 0.15rem;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../img/sprite.png");
    background-size: 2.08rem 6.55rem;
    background-repeat: no-repeat;
    background-position: 0 -3.65rem;
}


/* 3.中间banner */
.banner {
    margin: 0.01rem;
}

.banner a {
    display: block;
}

.banner img {
    border: 1px solid #e6e6e6;
    border-radius: .1rem;
    width: 100%;
}


/* 4.底部导航 */
.tool-box {
    border-top: 1px solid #e8e8e8;
    text-align: center;
    font-size: .32rem;
}

.tool-box a {
    text-decoration: none;
    color: black;
}

.tool-cn {
    margin-bottom: .1rem;
    height: .98rem;
    background-color: #fff;
    border-bottom: 1px solid #c2c2c2;
    text-align: center;
    overflow: hidden;
}

.tool-cn a {
    position: relative;
    float: left;
    padding-top: .52rem;
    color: #333;
}

.tool-cn a.link-tel {
    width: 38%;
}

.tool-cn a.link-down {
    width: 32%;
}

.tool-cn a.link-mc {
    width: 30%;
}

.tool-cn a::before {
    content: "";
    position: absolute;
    background: url("../img/sprite.png") no-repeat;
    width: .4rem;
    height: .4rem;
    background-size: 2.08rem 6.55rem;
    top: .1rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.tool-cn .link-tel:before {
    background-position: -1.15rem -3.05rem;
}

.tool-cn .link-down:before {
    background-position: -1.2rem -3.46rem;
}

.tool-cn .link-mc:before {
    background-position: -1.2rem -6.20rem;
}

.tool-ver a {
    padding: 0 .36rem;
    color: #666;
}

.computer {
    margin-left: -.08rem;
}

.tool-box p {
    margin: 0;
    padding: .1rem 0;
    color: #999;
    font-size: .32rem;
}